<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/common/common.jspf" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>

</head>
<script type="text/javascript">
    //关闭对话窗口
    function getCloseModuleWin(){
        parent.$('#win').window('close');
    }

  $(function () {
       $('#tyu').click(function () {
           var d ={};
           var t =$('form').serializeArray();
           $.each(t,function () {
               d[this.name]=this.value;
           })
           var s =JSON.stringify(d);
           alert(s),
           $.post(
               "{proPath}/seeshop/insert.action",
               {CommoDity:s},
               "json"
           )
       })
   })

   $(function () {
        $('#tt').tree({
          url:'${proPath}/seemenu/seemen.action' ,
    });
       $('#tt').tree({
           // 在用户点击的时候提示
           onClick: function(node){
               var type_name=node.text;
               var id=node.id;
               $("#wz").val(type_name);
               $("#wzz").val(type_name);
               $("#fl").val(id);

           }
       });


    });


    //检查图片的格式是否正确,同时实现预览
    function setImagePreview(obj, localImagId, imgObjPreview) {
        var array = new Array('gif', 'jpeg', 'png', 'jpg', 'bmp'); //可以上传的文件类型
        if (obj.value == '') {
            $.messager.alert("让选择要上传的图片!");
            return false;
        }
        else {
            var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用
            ////布尔型变量
            var isExists = false;
            //循环判断图片的格式是否正确
            for (var i in array) {
                if (fileContentType.toLowerCase() == array[i].toLowerCase()) {
                    //图片格式正确之后，根据浏览器的不同设置图片的大小
                    if (obj.files && obj.files[0]) {
                        //火狐下，直接设img属性
                        imgObjPreview.style.display = 'block';
                        imgObjPreview.style.width = '50px';
                        imgObjPreview.style.height = '50px';
                        //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
                        imgObjPreview.src = window.URL.createObjectURL(obj.files[0]);
                    }
                    else {
                        //IE下，使用滤镜
                        obj.select();
                        var imgSrc = document.selection.createRange().text;
                        //必须设置初始大小
                        localImagId.style.width = "50px";
                        localImagId.style.height = "50px";
                        //图片异常的捕捉，防止用户修改后缀来伪造图片
                        try {
                            localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                            localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader=").src = imgSrc;
                        }
                        catch (e) {
                            $.messager.alert("您上传的图片格式不正确，请重新选择!");
                            return false;
                        }
                        imgObjPreview.style.display = 'none';
                        document.selection.empty();
                    }
                    isExists = true;
                    return true;
                }
            }
            if (isExists == false) {
                $.messager.alert("上传图片类型不正确!");
                return false;
            }
            return false;
        }
    }


</script>
<body>
<div>
    <form  action="${proPath}/seeshop/insert.action" method="post">
  <div>

      <div id="tt" ></div>


      <div data-options="region:'center'" style="padding:5px;background:#eee;">
          <div id="ttt" class="easyui-tabs" data-options="fit:true"  style="width:600px;height:350px;">
              所选菜单 ：<INPUT TYPE="text" id="wz">
              <div  style="padding:20px;" title="基本数据">

                      总公司：
                      <input class="easyui-validatebox" type="text" name="headOffice" data-options="required:true" />
                      店铺名称：
                      <input class="easyui-validatebox" type="text" name="showName" data-options="required:true" />
                      <BR>
                      商品名称:
                      <input class="easyui-validatebox" type="text" name="shopName" data-options="required:true" />
                      店铺标题：
                      <input class="easyui-validatebox" type="text" name="shopTitle" data-options="required:true" />
                      <br>
                      商品品牌:
                      <input class="easyui-validatebox" type="text" name="shopBrand" data-options="required:true" />
                      商品卖点：
                      <input class="easyui-validatebox" type="text" name="shopFaetrue" data-options="required:true" />
                      <br>
                      商品编号:
                      <input class="easyui-validatebox" type="text" name="shopNumber" data-options="required:true" />
                      商品条形：
                      <input class="easyui-validatebox" type="text" name="shopStripType"/>
                      <br>
                      创建时间：
                      <input class="easyui-validatebox" type="text" name="shopTime"/>
                      注意事项：
                      <input class="easyui-validatebox" type="text" name="shopNotice"/>
                      <br>
                      商品价格:
                      <input class="easyui-validatebox" type="text" name="shopPrice" data-options="required:true" />
                      商品类型：
                      <input class="easyui-validatebox" type="text" name="shopType" id="wzz"/>
                      <br>
                      上架状态：
                      <select id="c" class="easyui-combobox" name="shopCase" style="width:100px;">
                          <option value="aa">请选择</option>
                          <option>上架</option>
                          <option>下架</option>
                      </select>
                      <br>
                      商品单位:
                      <select id="cc" class="easyui-combobox" name="shopUnit" style="width:200px;">
                          <option value="aa">请选择</option>
                          <option>盘</option>
                          <option>条</option>
                          <option>盒</option>
                          <option>包</option>
                          <option>瓶</option>
                      </select><br>
                      商品图片
                          选择图片:<input id="idFile" style="width:224px" runat="server" name="shopPicture" onchange="javascript:setImagePreview(this,localImag,preview);" type="file" />
                      预　　览:
                      <div id="localImag">
                          <img id="preview" alt="预览图片" onclick="over(preview,divImage,imgbig);" src="img/5691.jpg" style="width: 50px; height: 50px;"/>
                      </div>

              </div>
              <div  style="padding:20px;" title="商品描述">

                  商品描述： <INPUT TYPE="text" STYLE="width:500px;height: 180px" name="shopDescribe">

              </div>
              <div  style="padding:20px;" title="规格参数">

                  库存状态：
                  <select id="cxx" class="easyui-combobox" name="state" style="width:100px;">
                      <option value="aa">请选择</option>
                      <option>在售</option>
                      <option>删除</option>
                  </select>

                  菜单分类：<INPUT id="fl" name="menuId" type="text"  style="width:100px;">
              </div>
          </div>
      </div>

      <div data-options="region:'south',split:true" style="height:100px;" align="middle">
          <input type="submit" value="提交" id=""> <input type="button" value="取消" onclick="getCloseModuleWin()" >
      </div>

    </div>
    </form>



</div>

</body>
</html>



